<!--
    消息详情
    梁
    2019年5月14日
    -->
<template lang="pug">
  kalix-master
    div.box
      div.boxLeft
        UserUnit
        Personage
      div.boxRight
        h1 我的消息
        div.boxSon
          h2 {{name.name}}
          p {{name.time}}
        div.boxCenter
          p 消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容。
          span 发布人: xx
    div.clearfix
</template>

<script type="text/ecmascript-6">
  export default {
    name: 'NewsDetails',
    data() {
      return {
        name: null
      }
    },
    mounted() {
      this.name = this.$route.params.name
    },
    methods: {}
  }
</script>

<style scoped lang="stylus" rel="stylesheet/stylus">
  .clearfix::after
    content ""
    clear both
    display block
    overflow hidden
    font-size 0
    height 0

  .box
    width 1200px
    margin 5px auto

  .boxLeft
    width 247px
    height 1471px
    float left

  .boxRight
    width 926px
    height 1471px
    border 1px solid #ccc
    border-radius 5px
    float right
    padding 20px 20px 0 24px
    box-sizing border-box
    .boxSon
      width 120px
      height 90px
      margin 0 auto
      text-align center
      h2
        font-size 24px
        font-weight 700
        margin-bottom 28px
      p
        font-size 18px
        color #999
    .boxCenter
      width 90%
      margin 0 auto
      p
        line-height 30px
        text-indent 2em
        font-size 18px
      span
        display block
        margin-left 700px
        margin-top 100px
        width 100px

  .boxLeftBottom
    width 247px
    height 1140px
    .personage
      display block
      width 247px
      height 60px
      line-height 60px
      text-align center
      border 1px solid #ccc
      background-color #F2F2F2
      cursor pointer
      position relative
      -o-user-select none /*文字禁止被选中*/
      -moz-user-select none /*火狐 firefox*/
      -webkit-user-select none /*webkit浏览器*/
      -ms-user-select none /*IE10+*/
      -khtml-user-select none /*早期的浏览器*/
      user-select none
      .icon
        position absolute
        width 20px
        height 20px
        top 1px
        left 56px
        font-size 22px
        color #333333
    .listBorder
      border none
      border-left 4px solid #FF9933
      background-color #fff
      span
        color #FF9933 !important
    .text
      color #666666
      font-size 18px

  h1
    font-size 20px
    color #FF9933
    margin-bottom 36px

</style>
